<template>
	<view class="content">
		<image class="bg" src="/static/img/index.png"></image>
		<!-- <img class="text" src="/static/img/indexTest.png"  /> -->
		<!-- <img class="btn" src="/static/img/indexBtn.png" @click="goYdMini" /> -->
		<img class="zgf" src="/static/img/zgf-icon.png" @click="zgfClickHandler" />
		<!-- <view @click="go" class="btn2">跳转真功夫</view> -->
		<!-- <view class="text-area">
			<text class="title" @click="goYdMini">{{title}}</text>
		</view> -->
		<div class="tip">
			更多福利敬请期待！
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
			go() {
				uni.navigateTo({
					url:'/pages/activity/activity'
				})
			},
			goYdMini() {
				// console.log('===>')
				uni.navigateToMiniProgram({
					"appId": "wxd4632028c42ffcea",
					path: 'pages/webviewnew?link=89c4c602dbfece58',
					success: res => {

					},
					fail: err => {
						console.log(err)
					}
				})
			},
			zgfClickHandler() {
				uni.navigateTo({
					url: '/pages/activity/activity'
				})
			}
		}
	}
</script>

<style>
	.content {
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}

	.bg {
		width: 750rpx;
		height: 1753rpx;
	}
	.text {
		width: 100%;
		height: 157rpx;
		position: absolute;
		left: 0;
		top: 660rpx;
	}
	.btn {
		width: 298rpx;
		height: 83rpx;
		position: absolute;
		left: 227rpx;
		top: 860rpx;
	}
	.btn2 {
		top: 880rpx;
		position: absolute;
	}
	.zgf {
		width: 178rpx;
		height: 169rpx;
		position: absolute;
		top: 500rpx;
		left: 18rpx;
	}
	.tip {
		width: 100%;
		text-align: center;
		color: white;
		font-size: 44rpx;
		position: absolute;
		bottom: 114rpx;
	}
</style>